<template>
	<view style="width: 100%;" class="diy-goods component-diy">
		<view style="margin: auto;" :style="gapStyle">
			
		</view>
	</view>
</template>

<script>
	export default {
		props: ['componentData'],
		data() {
			return {
				
			};
		},
		computed:{
			gapStyle(){
				let css = {
					'background-color':this.componentData.backgroundColor,
					'height':this.componentData.height +'px',
					'width':this.componentData.width +'%',
					'margin-top':this.componentData.top +'px',
					'margin-bottom':this.componentData.bottom +'px',
				}
				return this.$joinStyle(css);
			}
		},
		watch:{
		}
	}
</script>

<style lang="less">

</style>

